/*  
Colour beauty
Author:wei
*/
* {
	padding:0;
	margin:0
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family:"Arial", "SimHei";
	font-size:18px;
	color:#FFF;
}
a {
	color:#FFF !important;
	background:none;
	text-decoration:none
}
li {
	font-size:17px;
	background:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
img {
	width:100%;
}
p {
	line-height:30px;
	word-wrap: break-word;
	word-break: normal;
}
/*top*/
.top {
	background:#FFF
}
.logo-left {
	width:60px;
	height:45px;
	float:left;
	background:url(../images/logo.png) no-repeat 0 -24px;
}
.logo-right {
	width:139px;
	height:45px;
	color:#4b4a4b;
	font-size:12px;
	letter-spacing:1px;
	padding-top:28px;
	float:left;
	background:url(../images/logo.png) no-repeat -2px -99px;
}
.top-left {
	padding:8px 0
}
.top-center {
	margin-top:19px
}
.phone {
	width:40%;
	color:#000000;
	font-size:14px;
	padding-left:10px;
	float:left
}
.email {
	width:60%;
	color:#000000;
	font-size:14px;
	padding-left:10px;
	float:left
}
/*nav*/
.nav-top {
	position:relative;
	z-index:99;
	width:100%;
	background:#CFA0BF;
	clear:both
}
.nav-top ul {
	width:80%;
	margin:0px auto;
	padding:10px 0
}
.nav-top li {
	width:16%;
	float:left;
	text-align:center;
}
.nav-top .nav-tabs>li>a {
	background:none
}
.nav-top .nav-tabs>li.active>a {
	border:none;
	border-bottom:#FFF 1px solid;
	background:none;
	color:#FFF;
}
.nav-top .nav-tabs>li>a:hover {
	color:#FFF;
	background:none;
}
.scrolled {
	position:fixed;
	top:0;
	left:0;
	z-index:99
}
.nav-tabs {
	border-bottom:none
}
.nav-btn {
	display:none;
	text-align:right;
	padding:5px 30px
}
.nav-ico {
	font-size:30px;
	color:#fff
}
/*add*/
.add {
	width:100%;
	height: 70%;
	overflow: hidden;
	background:#343434;
}
.slide-img {
	height:100%;
	overflow:hidden
}
a.left {
	left:-50px
}
a.carousel-control.right.slide-btn {
	right:-50px;
}
a.slide-btn, a.slide-btn {
	background: rgba(214, 174, 201, 0.5) !important;
	width:32px;
	height:32px;
	top:50%;
	border-radius: 50%;
}
.slide-ico {
	font-size:30px;
}
/*treatment*/
.col-treat {
	height: 90%;
	overflow: hidden;
	padding-top:70px
}
.col-treat-top {
	height: auto !important;
	border-top:#9CD1DF 5px solid;
	padding-bottom:20px;
}
/*products*/
#products {
	position:relative
}
.producnts-img {
	position:relative;
	height:80%;
	margin-bottom: 20px;
	overflow:hidden
}
.producnts-img .slide-title {
	position:absolute;
	top:100px;
	left:70px;
}
.products-slide {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	height:240px;
	background:rgba(0,0,0, 0.2);
}
.products-slide .slide-img {
	height:200px;
	overflow:hidden;
	margin-top:20px;
}
.products-slide-img {
	width: 18%;
	height:100%;
	cursor: pointer;
	float:left;
	margin-right:2%
}
.col-products-right-test, .shop-title {

	padding-bottom:40px
}
.up-down-ico {
	display:none;
	cursor:pointer
}
.products-li-bottom {
	padding: 30px 0;
}
.products-li {
	position: relative;
	padding:25px
}
.col-products-li {
	margin-top:100px;
	padding-top:50px
}
.products-li, .col-products-slide {
	background:#E1C4D7
}
.slide-img-li-img {
	width:21%;
	margin:2%;
	float:left;
	height:150px;
	overflow:hidden;
	cursor: pointer;
}
.products-li-1-left {
	margin-bottom:26px;
	font-size:12px
}
.products-li-title {
	margin-bottom:9px
}
.col-pro-left-img, .contact-left-img {
	overflow:hidden
}
.col-products-li-lef-img {
	height:300px;
	overflow:hidden;
	padding-right:0;
	padding-left:0
}
.contact-rihgt-bottom-img {
	height:168px;
	overflow:hidden;
	padding:10px 0
}
.products-li-left-img, .products-li-bottom div {
	height:100px;
	overflow:hidden
}
.col-img img, .slide-img-li-img img {
	width:100%;
	height:100%
}
.col-pro-left {
	margin-bottom:20px
}
/*about*/
#about {
	background:#EEE4E2;
	color:#d2a4c3;
	padding-top:45px;
}
.contat-left {
	padding-top:60px
}
#about p {
	line-height:35px;
	padding-top:20px;
	word-wrap: break-word;
	word-break: normal;
}
#about .slide-title {
}
.slide-title span {
	margin-right:50px
}
#about .slide-title {
	text-align:right;
	padding-right:100px
}
/*contact*/
#contact {
	width: 100%;
	height: 100%;
	padding:45px 0 20px;
	overflow: hidden
}
#contact .slide-title {
	color:#d2a4c3
}
.contact-bg {
	height: 90%;
	overflow: hidden;
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	background:url(../images/map.jpg) no-repeat;
	background-size:100% 100%
}
.col-padd{padding: 0}
.facebook {
    display: block;
   margin: 10px 0;
   text-align: center;
	font-size:24px;
	font-weight:700;
	background:#46589E;
	
}
.click-switch-img img {
	transition:1s;
	-moz-transition:1s; /* Firefox 4 */
	-webkit-transition:1s; /* Safari and Chrome */
	-o-transition:1s; /* Opera */
}
.click-switch-img {
	padding-left:0;
	padding-right:0;
	position:relative;
	overflow:hidden;
	cursor:pointer
}
.clo-none {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:inherit;
	
}
.click-switch-img:hover .clo-none {
	display:block
}
.click-switch-img:hover img {
	width:110% !important;
	height:110% !important;
        margin: -2px;

	
}
.contact-left-li {
	height:100%;
	padding-bottom:20px;
	padding-top:20px;
	margin-bottom:20px;
	overflow:hidden;
	background: rgba(201, 187, 205, 0.6)
}
.contact-rihgt-img {
	height:277px;
	overflow:hidden
}
.contact-left div {
	margin-bottom:20px;
	line-height:20px;
	word-wrap: break-word;
	word-break: normal;
}
.contact-left-text {
	cursor: pointer;
	margin-top:30px;
	padding-bottom:10px
}
/*branch*/
#branch {
	width: 100%;
	height:98%;
	overflow: hidden;
	background:#311D3E;
	padding-top:45px;
	color:#E1C4D7;
}
.branch-li .nav-tabs>li>a, .branch-img, .products-li-1-left {
	display: block
}
/*#shop1 {
	display:block
}*/
.branch-content {
	display:none;
	margin:25px 0 0px
}
#branch .slide-title {
	text-align:right
}
.branch-li {
	margin:10px auto
}
.branch-li li {
	width:23%;
	float:left;
	margin-left:2%;
	padding:5px 0px;
	text-align:center;
	background:#E1C4D7;
}
#branch .tab-content {
	height:60%
}
.branch-content, .branch-img, .branch-left-img, .branch-right-img {
	height:100%
}
.branch-right-img .click-switch-img {
	height:33%
}
.branch-li a:hover {
	color:#FFF;
	text-decoration:none
}
.branch-left-img, .branch-right-img {
	/*height:400px;*/
	overflow:hidden
}
.branch-right-img div {
	/*height:130px;*/
	margin-bottom:5px;
	overflow:hidden
}
#branch img {
	width:100%;
	height:100%
}
.copyright {
	background:#E1C4D7;
	font-size:14px;
	padding:7px 0;
	text-align:center
}
.branch-li li:hover, .branch-li .active {
	background:#E0AACE
}
/*ico*/
.top-ico {
	font-size:20px;
	margin-right:10px;
	color:#000000;
}
.top-right-ico {
	color:#000000;
	font-size:20px;
	padding: 20px 10px;
	border-left: 1px solid #373737;
}
.top-right-ico-line {
	border-right: 1px solid #373737;
}
.down-ico {
	width:51px;
	height:52px;
	margin:30px auto;
	background:url(../images/logo.png) no-repeat -80px -34px;
}
.up-ico {
	width:51px;
	height:52px;
	margin:30px auto;
	background:url(../images/logo.png) no-repeat -171px -34px;
	cursor:pointer
}
/*other*/

#products-li .click-switch-img{ width:30%; margin-right:2%}
#products-li .col-products-li-lef-img{ width:94%}
.contact-left, .col-md-5.contact-left-img.col-img.click-switch-img, .contact-rihgt, .contact-rihgt-botoom div {
	height:100%
}
.contact-rihgt-img {
	height:70%
}
.contact-rihgt-botoom {
	height:150px
}
.col-products-li .slide-btn {
	cursor:pointer
}
.col-products-li {
	display: none;
}
.col-products-li .slide-btn {
	position: absolute;
	top: 80%;
	left: 80%
}
.container {
	width: 85%;
	height: 100%;
}
.contact-con {
	height: auto
}
.car-slide, .car-inn {
	height: 100%
}
.slide-img img {
	width: 100%;
	height: 100% !important
}
.contact-left-li-1 {
	height:45%;
	padding-top:5%
}
.slide-contant {
	width:75%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	padding:50px 0 0 10%;
	background: -o-linear-gradient(right, rgba(207, 160, 191, 1) 30%, rgba(255, 255, 55, 0)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, rgba(207, 160, 191, 1) 30%, rgba(255, 55, 55, 0)); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, rgba(207, 160, 191, 1) 30%, rgba(255, 255, 255, 0)); 
}
.products-slide-img p{position: absolute;z-index: 99;width: 100%;margin: 0;padding-left: 5px;font-size: 14px;background: rgba(207,160,191,0.8);}
.products-slide-img:hover p{bottom: 0}
.slide-text {
	width:50%;
	height:50%;
	overflow:hidden;
	padding:10px;
	background:rgba(230, 202, 210, 0.8);
	text-indent: 2em;
}
.slide-title:first-letter {
	font-size:35px
}
@media screen and (max-width: 1020px) {
 .top-container {
width:100%
}
 .nav-top ul {
width:100%
}
#branch {
height:auto
}
}
@media screen and (max-width: 1020px) {
.products-slide {
top:250px
}
}
 @media screen and (max-width: 750px) {
 .nav-top .nav-tabs>li>a {
display:block
}
 .top-center, .top-right, .nav-top ul {
display:none
}
.nav-top ul {
 position:absolute;
 left:0;
 margin:0;
 padding:0;

background:rgba(207, 160, 191, 0.9);
}
.nav-btn {
 display:block;
}
 .nav-top li {
width:100%;
 border-bottom: #CFA0BF solid 2px;

background:rgba(255, 255, 255, 0.9);
}
 .nav-top li a {
color:#CFA0BF !important
}
 .slide-img {
height:250px
}
 .slide-img img {
height:100% !important
}
 .carousel-control.left {
left:0
}
.add, .col-treat, #about, #contact, #products, #branch {
height: auto;
overflow: hidden
}
.container {
padding: 0;
height: auto
}
a.carousel-control.right.slide-btn {
right:0
}
 .producnts-img .slide-title {
top:50px
}
 .products-slide {
top:200px;
height:140px;
}
 .slide-contant {
padding: 6px 10px 0 10%;
}
 .slide-text {
height:161px;
}
 .products-slide .slide-img, .slide-img-li-img, .col-pro-left-img {
height:100px
}
.container2 {
padding-top: 0
}
 .producnts-img {
height:200px
}
div {
padding-left:0 !important;
padding-right:0 !important
}
 .contact-rihgt span {
left:20px
}
 .col-products-li-lef-img, .branch-left-img, .branch-right-img {
height:200px
}
.col-md-5.contact-left-img.col-img.click-switch-img {
height:150px
}
 .branch-right-img div {
height:62px;
padding:0
}
 .branch-img {
padding:0
}
.branch-li li {
width: 45%
}
}
